<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <div>
        <!-- v-bind属性绑定 -->
        <input type="text" v-bind:value="msg">
        <!-- v-bind属性绑定,v-bind可省略 -->
        <input type="text" :value="msg">
        <a :href="url">超链接</a>
        <img :src="imgUrl">
    </div>
    <script src="../js/vue.js"></script>
    <script>
        let v = new Vue({
            el:"div",
            data:{
                msg:"属性绑定测试",
                url:"https://www.baidu.com",
                imgUrl:"../c.jpg"
            }
        })
    </script>
</body>
</html>